import { StackNavigator } from 'react-navigation';
import STRING from '../const_string_zh_CN';
import MessagePage from '../pages/main_pages/message_tab_page';
import MessageList from '../pages/message/message_list';
import MessageDetail from '../pages/message/message_detail';
import MessageCourseList from '../pages/message/course_message_list';
import DiscoveryInteractTab from '../pages/discovery/cunrrent_term_course_list';

const MessageNavigationOptions = {
  headerTitle: STRING.message_page_title,
    headerTitleStyle: {
        color: 'black',
        textAlign: 'center',
        alignSelf: 'center',
    },
}

const MessageSchoolNavigationOptions = {
  headerTitle: STRING.message_school,
    headerTitleStyle: {
        color: 'black',
        textAlign: 'center',
        alignSelf: 'center',
        paddingRight:'7%',
    },
}
const MessageCourseNavigationOptions = {
  headerTitle: STRING.message_course,
    headerTitleStyle: {
        color: 'black',
        textAlign: 'center',
        alignSelf: 'center',
        paddingRight:'7%',
    },
}
const DiscoveryMainOptions  = {
    //headerTitle: STRING.discovery_page_title,
    headerTitleStyle: {
        color: 'black',
        textAlign: 'center',
        alignSelf: 'center',
        paddingRight:'7%',
    },
}


const MOOCMessageStackNavigator = StackNavigator({
    MessageTab: { screen: MessagePage, navigationOptions: MessageNavigationOptions },
    MessageDetailTab: { screen: MessageDetail, navigationOptions: MessageNavigationOptions},
    MessageListTab: { screen:MessageList, navigationOptions: MessageSchoolNavigationOptions},
    MessageCourseListTab: { screen:MessageCourseList, navigationOptions: MessageCourseNavigationOptions},
    DiscoveryInteract: { screen:DiscoveryInteractTab,navigationOptions: DiscoveryMainOptions},
}, {
        //headerMode: 'none'
    });

export default MOOCMessageStackNavigator;
